$(function () {

    //当前页面和总页数
    let cPage = 1;
    let totalPage = 10;

    $.ajax({
        method: 'GET',
        url: BigNew.comment_search,
        data: {
            page: cPage,
            perpage: 10,
        },
        success: (res) => {
            console.log(res);
            totalPage = res.data.totalPage;

            let htmlStr = template("comment_list", { list: res.data.data });
            $("tbody").html(htmlStr);
            //设置分页
            setPage();
        }
    })

    //获取评论列表
    function getCommentList() {
        $.ajax({
            method: 'GET',
            url: BigNew.comment_search,
            data: {
                page: cPage,
                perpage: 10,
            },
            success: (res) => {
                console.log(res);
                totalPage = res.data.totalPage;

                let htmlStr = template("comment_list", { list: res.data.data });
                $("tbody").html(htmlStr);
            }
        })
    }


    //把分页器的功能进行封装，需要时进行调用
    function setPage() {
        $(".pagination").bootstrapPaginator({
            //设置版本号
            bootstrapMajorVersion: 3,
            // 显示第几页
            currentPage: cPage,
            // 总页数
            totalPages: totalPage,
            //当单击操作按钮的时候, 执行该函数, 调用ajax渲染页面
            //分页器点击事件的触发，这几个参数是规定的。page是当前的页面。
            onPageClicked: function (event, originalEvent, type, page) {

                // 把当前点击的页码赋值给currentPage, 调用ajax,渲染页面
                cPage = page;

                //这句话的意思是，如果有这个函数就执行。
                getCommentList && getCommentList();
            }
        })
    }

    //把评论操作的请求方法进行封装
    function commentOperation(op, obj) {
        $.ajax({
            method: 'POST',
            url: op,
            data: { id: obj.attr("data-id") },
            success: (res) => {
                console.log(res);
                alert(res.msg);
                window.location.reload();
            }
        })
    }

    //按钮都是动态生成的，通过on绑定父级事件。
    $("tbody").on("click", ".btn-refuse", function () {
        console.log($(this).attr("data-id"));
        commentOperation(BigNew.comment_reject, $(this));
    })

    $("tbody").on("click", ".btn-ratify", function () {
        commentOperation(BigNew.comment_pass, $(this));
    })
    $("tbody").on("click", ".btn-del", function () {
        commentOperation(BigNew.comment_delete, $(this));
    })

})